// 顶部菜单
.top {
  position: relative;
  height: 100%;
  border-bottom: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

  // 顶部-左侧按钮
  .header-left {
    float: left;

    // 全屏按钮
    .full-screen {
      display: block;
      float: left;
      height: 50px;
      line-height: 50px;
      text-align: center;
      margin-left: 20px;

      i {
        transform: rotate(45deg);
        cursor: pointer;
      }
    }

    // 通知按钮
    .notice {
      display: block;
      float: left;
      height: 50px;
      line-height: 50px;
      margin-left: 20px;

      &::after {
        content: '';
        clear: both;
        overflow: hidden;
      }

      i {
        position: relative;
        cursor: pointer;

        label {
          display: block;
          width: 20px;
          line-height: 20px;
          border-radius: 50%;
          position: absolute;
          top: -10px;
          left: 5px;
          font-size: 12px;
          text-align: center;
          background-color: #FF5722;
          color: #fff;
          cursor: pointer;
        }
      }
    }
  }

  // 顶部-右侧菜单
  .header-right {
    float: right;
    height: 50px;
    
    // 向下箭头
    i {
      color: #333;
      font-size: 14px;
      padding: 0 20px;
      cursor: pointer;
    }

    // 下拉框
    .drop-down {
      color: #333;
      line-height: 50px;

      span {
        font-size: 14px;

        i {
          margin: 0;
          font-size: 16px;
          padding: 0 15px;
        }
      }
    }

    // 用户名
    .el-dropdown-link {
      cursor: pointer;
    }
  }

  // 清除浮动
  .clean-both {
    content: '';
    clear: both;
    overflow: hidden;
  }
}